.head_area {
    display: block;
    top: 0;
    position: fixed;
    z-index: 99999;
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    z-index: 999;
}.cityinfo {
    background-color: #30c76c;
    padding: 10px 0 6px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    position: relative;
}.cityinfo a:first-child {
    padding: 0 15px;
}
.cityinfo a:first-child img{
    height: 16px;
}
.cityinfo a {
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
}
.fl {
    float: left;
}.cityinfo .search {
    /*background: url(../images/wechat-365hls-spritefb.png) no-repeat;*/
    background-size: 300px 300px;
    height: 24px;
    width: 42px;
    background-position: -28px -77px;
}

.cityinfo a {
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
}
.fr {
    float: right;
}.cityinfo p {
    font-size: 1.0rem;
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
    background: url(../images/arrow_down.png) no-repeat center right;
}.forcity {
    position: absolute;
    width: 170px;
    overflow: hidden;
    top: 15px;
    left: 70px;
    height: 20px;
}#forcity {
    width: 180px;
    background-color: rgba(0,0,0,0);
    border: none;
    position: absolute;
    left: -1px;
    top: -1px;
    height: 25px;
    color: #30c76c;
    -webKit-appearance: none;
}.selectarea >div {
    line-height: 32px;
    border-bottom: 1px solid #e1e1e1;
    padding: 4px 0;
    width: 25%;
    float: left;
}
.flex {
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    text-align: center;
    position: relative;
}
.selectarea em {
    font-size: 13px;
    color: #333;
}

.selectarea span {
    background: url(../images/tangle.png) no-repeat right center;
    padding-right: 20px;
    background-position: 5px 8px;
}

.menushow {
    overflow: hidden;
    overflow-y: auto;
    margin-top: 87px;
}

.ul_sty {
    width: 100%;
    display: none;
}
.showul_sty {
    display: block;
}
.ul_sty li {
    margin: 0 auto;
    min-height: 36px;
    line-height: 36px;
    list-style: none;
    padding: 0 10px;
}

.ul_sty > li > a {
    font-size: 0.9em;
    color: #333;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ececec;
        text-indent: 14px;
}
.selectedelementli {
    background-color: rgb(244, 247, 250);
    color: rgb(255, 153, 0);
}.selectedelement {
    color: #ff9933 !important;
}.sex, .price, .sort ,.shenfen{
    font-size: 0.9rem;
    padding-left: 10px;
}.sex p ,.shenfen p,.price p,.sort p{
    color: #999;
    margin-top: 13px;
}.sex_option, .sort_option, .shenfen_option,.price_option {
    margin-top: 10px;
}.ul_sty span {
    transition: all .35s ease;
}
.sex_option span,.shenfen_option span,.price_option span ,.sort_option span{
    margin-right: 10px;
    padding: 3px 7px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    ms-border-radius: 5px;
    color: #333;
    height: 28px;
    line-height: 28px;
}
.option_selected {
    background-color: #ff9933;
    color: #fff !important;
}.option_line {
    border-top: 1px solid #ccc;
    width: 100%;
    margin-top: 15px;
}
.button_area {
    position: fixed;
    bottom: 0px;
    height: 50px;
    width: 100%;
    border-top: 1px solid #ccc;
    display: none;
    background-color: #fff;
}
.reset {
    margin-top: 10px;
    margin-left: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    moz-border-radius: 5px;
    padding: 3px 12px;
    color: #333;
    border: 1px solid #9e9e9e;
}
.commit {
    margin-top: 10px;
    margin-right: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    moz-border-radius: 5px;
    padding: 4px 13px;
    color: #fff;
    background-color: #0099ff;
}
.box {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
}
.xiala{
    overflow-x:hidden;
    overflow-y:auto; 
}.bortn {
    border-top: none;
}

.mt84 {
    margin-top: 84px;
}
.hots {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #fff;
}.hots a {
    display: block;
}.hots dl {
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 8px;
    position: relative;
}

.hots dl {
    border-top: 1px solid #ddd;
}.hots dt {
    width: 70px;
}

.hots dt, .hots dd {
    display: table-cell;
    vertical-align: middle;
}@media screen and (max-width:320px){
.hots .img-container, .hots .img-container img {
    width: 65px;
    height: 65px;
}
.hots .t-brief, .hots .t-tag {
    width: 145px !important;
}
.hots .t-brief {
    font-size: 12px !important;
}.hots .img-container img {
    border-radius: 65px;
}
}

.hots .img-container {
    display: block;
    position: relative;
}
.hots .img-container, .hots .img-container img {
    width: 70px;
    height: 70px;
}
ins {
    text-decoration: none;
}.hots .dd-l {
    line-height: 22px;
}
.hots .dd-l {
    padding: 0 10px;
}
.hots dt, .hots dd {
    display: table-cell;
    vertical-align: middle;
}.hots .t-name {
    color: #333333;
    font-size: 14px;
}.hots .t-name i {
    font-size: 12px;
    /*margin-left: 1em;*/
    
}
.hots .t-brief {
    width: 185px;
    color: #999;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.hots .t-tag {
    width: 185px;
    color: #333333;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}.hots .dd-r {
    line-height: 22px;
    vertical-align: top;
}

/* .hots .dd-r {
    width: 70px;
} */
.hots dt, .hots dd {
    display: table-cell;
    vertical-align: middle;
}.hots .t-price {
    display: block;
    text-align: right;
    color: #333333;
    position: absolute;
    top: 18px;
    right: 8px;
    font-size: 16px;
}.hots .t-price i {
    font-size: 16px;
    color: #ff7800;
}.hots .t-pingjia {
    display: block;
    color: #333333;
    text-align: right;
    font-size: 12px;
    position: absolute;
    bottom: 18px;
    right: 10px;
}.hots .img-container img {
    border-radius: 70px;
}.hots .t-tag span{
    margin-right: 8px;
}